<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>惠院约拍注册</title>
    <link rel="stylesheet" href="../static/css/register.css" th:href="@{/css/register.css}">
</head>

<body onload="createCode()">
    <div id="image" class="image"></div>
    <div class="dowebok">
        <!--<div class="photo"></div>-->
        <form class="form">
            <div class="form-item">
                <input type="text" id="username" placeholder="昵称">
            </div>
            <div class="form-item">
                <input type="password" id="pwd" placeholder="输入密码">
            </div>
            <div class="form-item">
                <input type="password" id="retryPwd" placeholder="确认密码">
            </div>
            <div class="form-item">
                <input type="text" id="phone" placeholder="手机号">
            </div>
            <div class="form-item">
                <input type="text" id="input_phone_code" placeholder="手机验证码" style="width: 130px;height: 30px;">
                <button type="button" id="phoneCode" title="点我发送手机验证码" style="width: 100px;height: 30px;"
                    onclick="judgePhoneAndGetCode()">获取验证码</button>
            </div>
            <div class="form-item">
                <input type="text" placeholder="请输入验证码" id="inputCode" style="width: 130px;height: 30px;">
                <input type="button" id="code" onclick="createCode()" title='点击更换验证码'
                    style="width: 100px;height: 30px;" />
            </div>
            <div class="form-item">
                <button type="button" id="register">注册</button>
            </div>
        </form>
    </div>
    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script src="../static/js/register.js" th:src="@{/js/register.js}"></script>
</body>

</html>